
.overviewsite_top {
    display: flex;
    background-color: #fff; //rgba(1, 32, 78, .85);
    border: 1px solid #ddd; //#024366;
    border-radius: 2px;
    padding: 16px 0;
    margin-bottom: 16px;
}

.overviewsite_top_box {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-right: 1px solid #ddd; //#024366;
}

.overviewsite_top_box:last-child {
    border-right: none;
}

.overviewsite_top_box > span:first-child {
    font-size: 24px;
    text-align: center;
}

.overviewsite_top_box > span:last-child {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

/*收益指标*/
.target-box {
    margin-bottom: 16px;
}

.target {
    position: relative;
    //background-color: rgba(1, 32, 78, .85);
    border: 1px solid #ddd; //#024366;
    border-radius: 2px;
}

.target-main {
    padding: 10px;
    background: #fff;
}

.target_header {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
}

.target_header .left {
    font-size: 14px;
    text-align: left;
}

.target_header .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*收益排名*/
.income-rank-table {
    height: 270px;
    overflow-y: auto;
}

.target-content {
    display: flex;
    justify-content: space-between;
}

.target-content .target-content-left {
    width: 72%;
}

.target-content .target-content-right {
    width: 26%;
}

/*收益排名*/
.customchart .chart, .rank-box {
    width: 100%;
}

/*收益排名头部*/
.rank-box-head {
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 10px;
    //border-bottom: 1px solid #024366;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*收益排名内容*/
.overviewsite_ranking_con {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.overviewsite_ranking_con .table_row, .right-efficiency-rank .table_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

.overviewsite_ranking_con .table_col, .right-efficiency-rank .table_col {
    display: flex;
    align-items: center;
}

.overviewsite_ranking_con .table .right {
    flex: auto;
    text-align: right;
}

.overviewsite_ranking_con .table_col .index, .right-efficiency-rank .table_col .index {
    width: 20px;
    height: 20px;
    background: #2196F3;
    //border: 1px solid #01efb6;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    text-align: center;
    margin-right: 24px;
}

.overviewsite_ranking_con .table_col .name {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
}

/*系统效率和告警*/
.system-alarm {
    display: flex;
    justify-content: space-between;
}

/*系统效率和告警*/
.system-alarm .system-efficiency, .system-alarm .alarm-target {
    //background-color: rgba(1, 32, 78, .85);
    border: 1px solid #ddd; //#024366;
    width: 50%;
}

/*系统效率和告警，饼图以及列表*/
.left-efficiency, .right-efficiency-rank {
    width: 50%;
}

.system-efficiency {
    margin-right: 5px;
}

.alarm-target {
    margin-left: 5px;
}

/*系统告警饼图*/
.alarm-target-pip-box {
    text-align: center;
    margin-top: 10px;
}
